@tailwind base;
@tailwind components;
@tailwind utilities;


@font-face {
  font-family: "阿里妈妈东方大楷 Regular";font-weight: 400;src: url("@/assets/font/AlimamaDongFangDaKai-Regular.woff2") format("woff2"),
  url("@/assets/font/AlimamaDongFangDaKai-Regular.woff") format("woff");
  font-display: swap;
}

.aili-font {
  font-family: "阿里妈妈东方大楷 Regular", serif;
}

:root {
  /* 右侧主体区域背景颜色 */
  --background-light-color: white;
  --background-dark-color: rgb(18, 18, 18);


  /* 输入框背景颜色 */
  --textarea-background-dark-color: rgb(60, 61, 64);
  --textarea-background-light-color: white;

  /* 框架左侧menu背景颜色 */
  --chat-history-background-dark-color: rgb(22, 23, 23);
  --chat-history-background-light-color: rgb(243, 245, 246);

  /* 输入框未激活时边框颜色 */
  --border-dark-color: rgba(100, 100, 100, 0.6);
  --border-light-color: rgb(200, 200, 200);

  /* 输入框获得焦点时边框颜色 */
  --border-active-dark-color: rgba(200, 200, 200 , 0.8);
  --border-active-light-color: rgb(100, 100, 100);

  /* 字体颜色 */
  --font-color-dark: black;
  --font-color-light: rgb(217, 217, 217);

  /* 用户提问聊天框背景颜色 */
  --chat-item-background-dark: rgb(65, 65, 88 );
  --chat-item-background-light: rgb(240, 240, 240 );

  /* 选项激活背景颜色 */
  --item-active-background-light: rgb(225, 227, 228);
  --item-active-background-dark: rgb(51, 51, 51);

  /* 设置页选项未激活背景颜色 */
  --item-background-light: rgb(247, 247, 247);
  --item-background-dark: rgb(30, 30, 30);
}

html[data-theme="dark"] {
  --background-color: var(--background-dark-color);
  --chat-history-background-color: var(--chat-history-background-dark-color);
  background-color: var(--background-dark-color);
  --color: var(--font-color-light);
  --textarea-background-color: var(--textarea-background-dark-color);
  --border-color: var(--border-dark-color);
  --border-active-color: var(--border-active-dark-color);
  --chat-item-background: var(--chat-item-background-dark);
  --item-active-background: var(--item-active-background-dark);
  --item-background: var(--item-background-dark);
}

html[data-theme="light"] {
  --background-color: var(--background-light-color);
  --chat-history-background-color: var(--chat-history-background-light-color);
  background-color: var(--background-light-color);
  --color: var(--font-color-dark);
  --textarea-background-color: var(--textarea-background-light-color);
  --border-color: var(--border-light-color);
  --border-active-color: var(--border-active-light-color);
  --chat-item-background: var(--chat-item-background-light);
  --item-active-background: var(--item-active-background-light);
  --item-background: var(--item-background-light);
}

html,
body,
#app
{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.container {
  max-width: 1000000px !important;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;

    --primary: 221.2 83.2% 53.3%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 221.2 83.2% 53.3%;
    --radius: 0.5rem;
  }

  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;

    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;

    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;

    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 222.2 47.4% 11.2%;

    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;

    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;

    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;

    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 224.3 76.3% 48%;
  }
}
